<html>
    <head>
        <title>Hello World!</title>
        <script type="text/javascript" src="http://my.hexlabel.net/static/js/jquery.min.js"></script>
        <script type="text/javascript">
            var peerscape = parent.peerscape;
            var hw = function() {
                return {
                    cnt: 0,
                    init: function() {
                        peerscape.common.resize();
                        $('#msg').html(peerscape.contentInfo.title);
                        hw.fadeOut();
                    },
                    fadeIn: function() {
                        // set a random colour
                        var rint = Math.round(0xffffff * Math.random());
                        $('#msg').css('color', rint.toString(16));
                        $('#msg').fadeIn(1500, hw.fadeOut);
                    },
                    fadeOut: function() {
                        if (hw.cnt++ < 10) {
                            $('#msg').fadeOut(1000, hw.fadeIn);
                        }
                    }
                }
            }();
            $(function() { hw.init(); });
        </script>
        <style type="text/css">
            body {
                background: #fff;
                }
            h1 {
                font-family: tahoma, helvetica, sans-serif;
                font-size: 400%;
                text-align:center;
                margin-top: 2em;
                color: #000;
                }
        </style>
    </head>
    <body>
        <h1 id="msg">Hello World!</h1>
    </body>
</html>
